body, html {
        font: 12px/1.5 mipro;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-overflow-scrolling: touch;
    word-wrap: break-word;
    word-break: break-word;
}

	.slider{ width:790px; margin: 0 auto 20px auto; position:relative; overflow:hidden; border-radius: 4px; height: 280px; background: #FFFFFF}
	.slider .bd{ position:relative; z-index:0;  }
	.slider .bd li{ height: 280px; overflow:hidden; }
	.slider .bd li img{ display:block;  }
.e_flt_inf {
    position: absolute;
    right: 0;
    top: 0;
    width: 227px;
    height: 240px;
    padding: 20px;
    overflow: hidden;
    z-index: 20;
    color: #fff;
    white-space: normal;
    word-wrap: break-word;
	background: rgba(0,0,0,0.3)
}
.e_flt_inf h2 {
	font-size: 20px;
	margin-bottom: 12px;
	font-weight: bold
}
.e_flt_inf h2 a { color: #FFFFFF}
.e_flt_inf .t_info {
    line-height: 22px;
    height: auto;
    overflow: hidden;
}
.e_flt_inf .t_info a { color: rgba(255,255,255,0.8)}
	.slider .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
	.slider .hd ul{ text-align:center;  }
	.slider .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:9px; height:9px; margin:0 4px; 
		background:url(dot.png) 0 -16px;
		overflow:hidden;  filter:alpha(opacity=70);opacity:0.7;  vertical-align:top; line-height:9999px; 
	}
	.slider .hd ul .on{ background-position:0 0;  }
	.slider .timer{ position:absolute; z-index:1; left:0; bottom:0; height:4px; width:0; background:#000; filter:alpha(opacity=40);opacity:0.4; font-size:0; overflow:hidden;   }

svg[data-v-2f79e8b7] {
    width: 20px;
    height: 20px;
    fill: rgba(0,0,0,0.85);
}
.css-5tmz26 {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    width: 100%;
    position: absolute;
    z-index: -1;
}
.css-3opy6p {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    height: 200px;
    background-color: #6c43e2;
}
.css-1i6h0b2 {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    max-width: 1366px;
    height: 200px;
    margin: 0 auto;
    background-image: url(v2-8801036aa11e8fcccc014aa553fa7ebe.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
}
.css-48pb9w {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    height: 48px;
    background-color: #6c43e2;
}
.css-11h6utu {
	position: relative;
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    width: 1212px;
    height: 180px;
    margin: 0 auto;
    padding-top: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
}
.css-1p094v5 {
    border-radius: 2px;
}
.css-jtn2r6 {
	position: absolute;
	right: 0;
	bottom: 0;
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    width: 104px;
    height: 30px;
    background-color: rgba(0,0,0,0.2);
    color: #FFFFFF;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid rgba(255,255,255,0.2);
}

.tabBar {
	width: 700px;
	font-family: Arial, Helvetica, sans-serif, 'Microsoft Yahei';
	padding: 0;
	margin-bottom: 10px;
	border-bottom: 0;
	background: none
}
.tabBar .hd {
	position: relative;
	width: 700px;
	padding: 0;
	margin-top: 0;
	border-radius: 0;
	border-bottom: 1px solid #EEEEEE;
	background: #FFFFFF
}
.tabBar .bd {
	width: 100%;
	background: none
}
.tabBar .bd .dz_list {
	width: 700px;
	padding: 0;
	border-radius: 0 0 3px 3px;
	background: #FFFFFF
}
.tabBar .hd ul {
	border-bottom: 0
}
.tabBar .hd li {
	float: left;
	color: #797c80;
	display: inline-block;
	height: 60px;
	line-height: 60px;
	padding: 0;
	margin: 0 12px -1px 22px;
	font-size: 16px;
	cursor: pointer;
	border-bottom: 3px solid transparent;
}
.tabBar .hd li:hover { color: rgba(0,0,0,0.85)}
.tabBar .hd li.on {
	color: #778087;
	font-weight: 400;
	background: none;
	border-bottom: 3px solid #778087
}
.tabBar .conWrap {
	height: auto !important
}
.tabBar .conWrap .con {
	position: relative !important;
	height: auto !important
}
.fl1 {
	float: left
}
.fr1 {
	float: right
}
.picBtnTop-wrap .hd1 {
	width:330px;
	height: auto;
	position:absolute;
	right:0px;
	overflow:hidden;
}
.picBtnTop-wrap .hd1 ul li {
	float: left;
	width:330px;
	height: 104px;
	background: #363535;
	cursor: pointer
}
.picBtnTop-wrap .hd1 ul li:hover {
	background: rgba(0,0,0,0.85);
}
.picBtnTop-wrap .hd1 ul li img {
	width:140px;
	height:94px;
	cursor:pointer;
	vertical-align:bottom;
}
.picBtnTop-wrap .hd1 ul li .b-img {
	width:140px;
	height:94px;
	padding: 5px;
	cursor: pointer
}
.picBtnTop-wrap .hd1 ul li .b-content {
	width:180px;
	height:94px;
	font-size: 16px;
	color: rgba(255, 255, 255, 0.80);
	line-height: 29px;
	padding: 8px;
	box-sizing: border-box;
	cursor: pointer;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
/*.picBtnTop .hd ul li.on{ background:url("images/icoleft.gif") no-repeat 0 28px; }*/
    .picBtnTop-wrap {
	width:1212px;
	height: auto;
	position:relative;
	overflow:hidden;
	zoom:1;
	margin: 10px 0 10px 0
}
.picBtnTop {
	width:874px;
	height:570px;
	position:relative;
	overflow:hidden;
	zoom:1;
}
.picBtnTop .hd1 ul li.on {
	background: rgba(0,0,0,0.85);
	color: #222222;
}
.picBtnTop .hd1 ul li.on .b-content {
	color: #222222;
}
.picBtnTop .bd1 {
	width:720px;
	height:570px;
	position:relative;
}
.picBtnTop .bd1 li {
	position:relative;
	zoom:1;
	vertical-align:middle;
}
.picBtnTop .bd1 li .pic {
	position:relative;
	z-index:0;
}
.picBtnTop .bd1 li .pic img {
	width:720px;
	height:570px;
	vertical-align:bottom;
}
.picBtnTop .bd1 li .bg {
	width:720px;
	height:68px;
	line-height: 68px;
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
	background:rgba(0, 0, 0, 0.60);
}
.picBtnTop .bd1 li .title {
	width:720px;
	height:68px;
	line-height: 68px;
	left:0;
	bottom:0;
	position:absolute;
	z-index:2;
	font-size: 24px;
	color: #FFFFFF;
	padding-left:15px;
}
.banner {
	position: relative;
	width:788px;
	height: 332px;
	border-radius: 4px;
	margin-bottom: 12px !important;
	overflow: hidden;
}
.banner .pic img {
	width:788px;
	height: 332px;
	display: block;
}
.banner .pic li {
	position: relative
}
.banner .pic li .infox {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 220px;
	height: 220px;
	padding: 30px 25px;
	color: #FFFFFF;
	background: rgba(0,0,0,0.5)
}
.banner .pic li .infox h2 { display: block; width: 100%; font-size: 16px; margin-bottom: 15px}
.banner .pic li .infox span { color: rgba(255,255,255,0.8); line-height: 20px}
.banner .pic li em {
	position: absolute;
	left: 20px;
	bottom: 12px;
	color: #FFFFFF;
	font-size: 14px;
	z-index: 10
}
.banner .hd {
	width: 100%;
	height: 45px;
	line-height: 45px;
	overflow:hidden;
	zoom:1;
	position:absolute;
	bottom: 10px;
	right: 15px;
	z-index:3;
	text-align: right;
	background: none
}
.banner .hd ul {
	overflow: hidden;
	text-align: right;
	margin-right: 13px;
	margin-bottom: 0;
	margin-top: 3px
}
.banner .hd li {
	width: 28px;
	height: 2px;
	border: 0;
	border-radius: 0;
	display: inline-block;
	margin: 0 3px;
	background: #8391a53d
}
.banner .hd .on {
	width: 28px;
	height: 2px;
	border: 0;
	border-radius: 0;
	background: rgba(0,0,0,0.85);
}
.banner .prev {
	position: absolute;
	left: 16px;
	top: 50%;
	width: 36px;
	height: 36px;
	margin-top: -18px;
	border-radius: 50%;
	opacity: 0;
	color: #FFFFFF;
	transition: all 0.5s ease 0s;
	background: rgba(31,45,61,.11)
}
.banner .next {
	position: absolute;
	right: 16px;
	top: 50%;
	width: 36px;
	height: 36px;
	margin-top: -18px;
	border-radius: 50%;
	opacity: 0;
	color: #FFFFFF;
	transition: all 0.5s ease 0s;
	background: rgba(31,45,61,.11)
}
.banner .prev:hover,
.banner .next:hover { background: rgba(31,45,61,.35)}
.banner:hover .prev, .banner:hover .next { opacity: 1}
/*.lunBo{height: 570px;outline: 1px solid red}*/
a:hover {
	color: #f39800
}
main {
	margin-top: 10px
}
{
	width: 810px;
	min-height: 600px;/*outline: 1px solid red*/
}
.nav li {
	padding: 10px 20px;
	font-size: 16px;
	color: #444444;
	cursor: pointer;
}
.nav li:hover {
	border-bottom: 2px solid rgba(0,0,0,0.85);
	color: #222222
}
.list li {
	margin-top: 0
}
.list li .img-box {
	width: 270px;
	height: 162px;
	position: relative
}
.list li .img-box img {
	width: 100%;
	height: 100%;
	cursor: pointer;
	border-radius: 3px
}
.list li .content-box {
	width: 480px;
	padding-left: 15px;
	box-sizing: border-box
}
.list li .content-box .intro {
	min-height: 125px;
}
.list li .content-box .title {
	font-size: 20px;
	color: #222222;
	line-height: 25px;
	margin-top: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.list li .content-box .title a {
	font-size: 20px;
	color: #222222;
}
.list li .content-box .title a:hover {
	color: #f39800
}
.list li .content-box .content {
	padding: 10px 0;
	font-size: 15px;
	color: #BBBBBB;
	line-height: 26px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.list li .message {
	height: 24px;
	line-height: 24px
}
.list li .message .userPhoto {
	width: 24px;
	height: 24px
}
.list li .message .userPhoto a {
	cursor: pointer
}
.list li .message .userPhoto img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	cursor: pointer
}
.list li .message .name {
	font-size: 15px;
	color: #666666;
	text-align: center;
	margin: 0 10px
}
.list li .message .name a {
	font-size: 15px;
	color: #666666
}
.list li .message .name a:hover {
	color: #f39800
}
.list li .message .time {
	font-size: 15px;
	color: #CCCCCC;
}
.list li .message .readCount {
	margin-left: 10px;
	font-size: 15px;
	color: #CCCCCC;
}
.index-act {
	border-bottom: 2px solid rgba(0,0,0,0.85);
	color: #222222!important;
	font-family: PingFangSC-Medium!important;
	font-weight: 600
}
{
	width: 290px;
	min-height: 600px;/*outline: 1px solid red*/
}
.title1 {
	height: 43px;
	line-height: 40px;
	margin-top: 4px;
	border-bottom: 1px solid #EEEEEE
}
.title1 .fl {
	font-size: 20px;
	color: #222222;
	width: 120px;
	text-indent: 30px;
	border-bottom: 2px solid #363535;
	background: url("../img/index2.png") no-repeat 0px 12px;
	text-align: center;
	font-family: PingFangSC-Medium;
	font-weight: 600
}
.title1 .fr a {
	font-size: 14px;
	color: #4889DB;
	cursor: pointer
}
.list {
	padding-left: 5px;
	padding-top: 20px
}
.list li {
	border-left: 1px solid #F6F6F6;
	position: relative;
	padding-top: 15px;
	padding-bottom: 40px
}
.list .time-box {
	height: 32px;
	line-height: 32px;
	position: absolute;
	left: -17px;
	top: -15px
}
.list .time-box .circle {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #b5c2cd;
	margin: 12px;
}
.list .time-box .time {
	opacity: 0.66;
	font-family: Helvetica;
	font-size: 12px;
	color: #999999;
}
.list .news-title {
	font-size: 17px;
	color: #222222;
	padding-left: 10px;
	box-sizing: border-box
}
.list .news-title a {
	display: block;
	font-size: 16px;
	color: #778087;
}
.list .news-title a:hover {
	color: rgba(0,0,0,0.85);
}
.list .news {
	font-size: 12px;
	color: #AAAAAA;
	box-sizing: border-box;
	padding-left: 10px;
	margin-top: 10px;
	line-height: 20px;
}
.title1 {
	height: 41px;
	line-height: 40px;
	padding: 12px 0 7px 0;
	border-bottom: 1px solid #EEEEEE;
	margin-top: 0
}
.title1 .z {
	font-size: 16px;
	color: #222222;
	width: auto;
	text-indent: 0;
	border-bottom: 0;
	background: none;
	text-align: left;
	font-family: PingFangSC-Medium;
	font-weight: 600
}
.title2 .z {}
.title1 .y { margin-top: 3px}
.title1 .y a {
	font-size: 12px;
	color: #b5b5b5;
	cursor: pointer
}
.list1 li {
	margin: 25px 0;
	box-sizing: border-box;
}
.list1 li .img-box {
	width: 48px;
	height: 48px;
}
.list1 li .img-box img {
	border-radius: 50%;
	width: 100%;
	height: 100%;
	cursor: pointer
}
.list1 li .mes-box {
	width: 202px;
	height: 48px;
	padding-left: 10px;
	box-sizing: border-box
}
.list1 li .mes-box .name {
	margin-top: 0;
	font-size: 15px;
	color: #222222;
}
.list1 li .mes-box .name a {
	font-size: 15px;
	color: #778087;
	font-family: PingFangSC-Regular, 'Microsofr Yahei'
}
.list1 li .mes-box .name a:hover {
	color: #f39800;
}
.list1 li .mes-box .intro {
	padding-left: 15px;
	font-size: 12px;
	color: #AAAAAA;
	height: 30px;
	line-height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	background: url(../re.png) no-repeat left center
}
.img-hide {
	position: absolute;
	left: 0;
	top:12px;
	width: 44px;
	height: 25px;
	line-height: 25px;
	opacity: 0.7;
	background: #000000;
	border-radius: 0 2px 2px 0;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center
}



.tabCont ul li {
	float: left;
	width: 870px;

	height: 134px;

    overflow: hidden;

    padding:  20px;
	
	margin: 0;
	
	border-bottom: 1px solid #f5f6f7;

    color: #747f8c;

}
.tabCont ul li:hover { background: #FCFCFC}
.tabCont ul li {

    position: relative;

}

.tabCont .img {

    width: 200px;

    height: 134px;

    float: left;

    margin-right: 15px;

    position: relative;
	border-radius: 3px;
	overflow: hidden

}

.tabCont ul li .name {

    color: #383737;

    font-weight: 400;

    font-size: 20px;

}

.tabCont ul li .name {
    font-size: 19px;
	height: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
    line-height: 28px;
    margin-top: 2px;
	margin-bottom: 5px;
}

.tabCont ul li .name a { color: #464646}

.tabCont ul li .name a:hover { color: rgba(0,0,0,0.85); text-decoration: none}

.tabCont ul li p.desc {
	width: 100%;
	display: block;

	font-family: Arial, Helvetica, sans-serif, 'Microsoft Yahei';

}

.tabCont ul li .desc .name {

    color: rgba(0,0,0,0.85) !important;

    font-weight: normal;

    font-size: 14px;

}

.tabCont ul li .desc .name a {

    color: #333333 !important;

}

.tabCont ul li p.desc .time {margin-left: 15px; font-size: 14px; color: #CCCCCC}








.more_box { text-align: center; background: #FFFFFF}

.more_box a {

    height: 40px;
	padding-left: 26px;

    color: #999999;

    text-align: center;

    font-size: 12px;

    cursor: pointer;

    line-height: 40px;

    background: none;

    margin: 20px auto;

	display: inline-block;

	text-decoration: none;
	background: url(../more.png) no-repeat left center

}

.more_box a:hover { color: rgba(0,0,0,0.85)}

.mi_tag_top { padding: 17px 24px;
margin-bottom: 10px;
    background: #fff;
    border-radius: 4px;}
.mi_tag_top li a { float: left;     text-align: center;
    display: inline-block;
    color: #797c80;
    margin-right: 32px;
    font-size: 14px;
    font-weight: 400;}
	.mi_tag_top li a.a { color: rgba(0,0,0,0.85)}
.mi_tag_top li a:hover { color: rgba(0,0,0,0.85)}


.signIn1 {
    margin: 0 0 10px 0;
    width: 100%;
    height: 48px;
    cursor: pointer;
    border-radius: 2px;
    background: #333344;
}
.pen {
    margin: 17px 3px 0 90px;
    float: left;
    width: 16px;
}
.keynote  {
    margin-top: 14px;
    margin-left: 7px;
    float: left;
    font-size: 16px;
    color: #fff;
}


.fwinmask .pnc { box-shadow: none !important; background: rgba(0,0,0,0.85) !important}
.fwinmask .flb em { color: rgba(0,0,0,0.85)}
.fwinmask .pbl a { color: #333333}


.sidenav { height: 148px; padding: 15px 20px; margin-bottom: 10px; background: #FFFFFF}
.sidenav-item { float: left; width: 50%; padding: 8px 0}
.sidenav-item img { float: left; margin-right: 18px}
.sidenav-item span { font-size: 14px}
.dropdown { position: relative}
.dropdown-menu {
	display: none;
    padding-left: 16px;
    padding-right: 16px;
    -webkit-transition: all .5s ease,max-height .5s ease;
    -o-transition: all .5s ease,max-height .5s ease;
    transition: all .5s ease,max-height .5s ease;
    overflow: hidden;
    position: absolute;
    top: 30px;
    border-radius: 3px;
    min-width: 5em;
    -webkit-box-shadow: 2px 2px 13px 0 rgba(212,212,212,.5);
    box-shadow: 2px 2px 13px 0 rgba(212,212,212,.5);
    background-color: #f9f9f9;
}
.dropdown:hover .dropdown-menu { display: block}
.dropdown-menu a { display: block; height: 35px; line-height: 35px; font-size: 14px}
#sidenav_more .dropdown-menu {
    left: 22px;
    padding-left: 15px;
    padding-right: 15px;
}


.qin-thread-header {
    display: flex;
    padding: 10px;
    border-bottom: 0;
	margin-bottom: 10px;
    border-radius: 3px 3px 0 0;
    color: #333;
    text-align: left;
    font-size: 14px;
    line-height: 120%;
	background: #FFFFFF
}
.qin-thread-forum-icon {
    margin-right: 10px;
    width: 40px;
    height: 40px;
}
.qin-thread-forum-info {
    overflow: hidden;
    width: 100%;
}
.qin-thread-forum-stat {
    float: right;
    font-size: 12px;
}
.qin-thread-forum-stat span {
    margin-left: 12px;
    color: #99a;
}
.qin-thread-forum-stat strong {
    color: #333;
}
.qin-thread-forum-rules {
    color: #999999;
    font-size: 12px;
}
.qin-thread-forum-breadcrumb {
    margin-bottom: 10px;
}
.v2_cont {
    position: relative;
	padding: 12px 20px;
    border-bottom: 1px solid #F5F5F5;
	background: #FFFFFF
}
.v2_cont:last-child { border-bottom: 0}
.v2_author {
    float: left;
    display: inline;
	margin-top: 3px;
}
.v2_author img.qin-avatar {
    width: 40px;
    height: 40px;
	border-radius: 50%
}
.v2_title {
    margin-left: 55px;
    padding: 3px 0;
}
.v2_cont-title {
	width: 88%;
    text-shadow: 0 1px 0 #FFFFFF;
    word-wrap: break-word;
    font-size: 15px;
	height: 22px;
    line-height: 20px;
}
.v2_cont-title a { float: left; display: inline-block; color: #222222}
.v2_cont-title a:hover { color: rgba(0,0,0,0.85)}
.v2_in_cont {
    height: 5px;
}
.v2_info {
    width: 88%;
	font-size: 13px;
    line-height: 20px;
	font-family: PingFang SC,Noto Sans,Roboto,Microsoft Yahei,sans-serif
}
.v2_text {
    color: #adaaa8;
}
.v2_dot {
    margin: 0 6px;
}
.v2_reply {
    position: absolute;
    right: 20px;
    bottom: 38%;
}
a.v2_comment {
    display: inline-block;
    margin-right: 0;
    padding: 0;
	font-size: 13px;
	min-width: 32px;
	height: 17px;
	line-height: 17px;
    border-radius: 17px;
    background-color: rgba(0,0,0,0.85)1f;
    color: #666666;
    text-decoration: none;
    font-weight: 400;
	text-align: center;
    word-break: keep-all;
	font-family: PingFang SC,Noto Sans,Roboto,Microsoft Yahei,sans-serif;
}
.qin-rt-icon {
	float: left;
    width: 16px;
    height: 16px;
	margin-left: 8px;
	margin-top: 1px;
}


.tab_box1 { padding: 15px 0}
.tabx {
	float: left;
	display: block;
	margin-right: 44px;
    padding: 0;
    height: 24px;
	line-height: 24px;
    color: grey;
    font-size: 16px;
	border-radius: 3px
}
.tabx.active {
    color: #06f !important;
	background: none
}
.tabx.hot { padding-left: 16px; background: url(../jinghua.png) no-repeat left 12px}
a.tabx:hover { color: #333333}


.dnone.dnone1 { display: none}


a:hover {
	color:rgba(0,0,0,0.85)
}
.ellipsis {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap
}
.side-bar-wrap::-webkit-scrollbar {
background-color:#fff;
width:6px
}
.side-bar-wrap::-webkit-scrollbar-thumb {
width:100%;
height:auto;
border-radius:18px;
background-color:#aaa
}
#app {
	width:100vw;
	position:absolute;
	padding-top:56px
}
.app-main-content {
	min-height:calc(100vh - 212px)
}
@media (max-width:768px) {
#app {
padding-top:50px
}
.explore#app {
padding-top:60px
}
.app-main-content {
min-height:calc(100vh - 210px)
}
}
.capsule {
	height:40px;
	border-radius:20px;
	font-size:14px;
	display:flex;
	align-items:center;
	justify-content:center
}
.capsule, .el-tooltip {
	cursor:pointer
}
.accountBtn {
	padding:12px;
	cursor:pointer
}
.accountBtn, .accountBtn:hover {
	background-color:rgba(0,0,0,0.85);
	color:#fff
}
.accountBtn:hover {
	opacity:.8
}
.navbar-wrap[data-v-4e38ff30] {
	width:100vw;
	background:#fff;
	box-shadow:0 0 1px 0 rgba(0, 0, 0, .15);
	height:60px;
	display:flex;
	z-index:100;
	padding:0 10px;
	font-size:16px;
	color:#333;
	justify-content:center;
	align-items:center;
	position:fixed;
	top:0
}
.booklist.archiver .navbar-wrap[data-v-4e38ff30], .topic.archiver .navbar-wrap[data-v-4e38ff30] {
	display:none
}
.navbar-inner[data-v-4e38ff30], .navbar-main-xs-only[data-v-4e38ff30] {
	display:flex;
	align-items:center
}
.navbar-main-xs-only[data-v-4e38ff30] {
	padding-left:10px;
	font-size:14px;
	justify-content:flex-start;
	flex:1
}
@media (max-width:999px) {
.navbar-inner[data-v-4e38ff30] {
flex:1
}
}
@media (min-width:1000px) {
.navbar-inner[data-v-4e38ff30] {
width:1212px
}
}
.user-info[data-v-4e38ff30] {
	flex:1;
	display:flex;
	justify-content:flex-end
}
a[data-v-4e38ff30], img[data-v-4e38ff30], span[data-v-4e38ff30] {
	cursor:pointer;
	display:flex;
	align-items:center
}
.navbar-main[data-v-4e38ff30] {
	margin:0 40px;
	display:flex;
	width:360px;
	justify-content:space-between
}
.navbar-main-wrap[data-v-4e38ff30] {
	flex:1;
	display:flex
}
.navbar-main .nuxt-link-active[data-v-4e38ff30]:not(.search-block) {
font-weight:700;
color:rgba(0,0,0,0.85)
}
.navbar-side[data-v-4e38ff30] {
	display:flex;
	justify-content:space-between;
	width:140px;
	margin-left:30px
}
.news-route[data-v-4e38ff30] {
	position:relative
}
.news-route em[data-v-4e38ff30] {
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:8px;
	height:8px;
	background:#f35e6b;
	border-radius:50%
}
.logo svg[data-v-4e38ff30] {
	min-width:106px;
	height:34px
}
.navbar-side.unlogin[data-v-4e38ff30] {
	width:80px
}
@media (max-width:768px) {
.navbar-wrap[data-v-4e38ff30] {
box-shadow:none;
height:50px
}
.logo svg[data-v-4e38ff30] {
width:106px;
min-width:106px;
height:30px
}
.navbar-side.unlogin[data-v-4e38ff30] {
width:150px
}
}
@media (max-width:992px) {
.navbar-side[data-v-4e38ff30] {
margin-left:0
}
}
@media (max-width:320px) {
.navbar-main-xs-only[data-v-4e38ff30] {
padding-left:0;
font-size:14px
}
.navbar-side[data-v-4e38ff30] {
width:130px;
margin-left:0
}
}
.search[data-v-89bed8a0] {
	width:14px
}
.bookcase[data-v-89bed8a0], .news[data-v-89bed8a0], .search[data-v-89bed8a0] {
	width:20px
}
@media (max-width:768px) {
.bookcase[data-v-89bed8a0], .news[data-v-89bed8a0], .search[data-v-89bed8a0] {
width:16px
}
.table[data-v-89bed8a0] {
width:14px
}
}
.createbooklist[data-v-89bed8a0], .postBook[data-v-89bed8a0], .postcomment[data-v-89bed8a0] {
	fill:#343434;
	width:20px;
	height:20px
}
.router-link-active .logo[data-v-89bed8a0] {
	fill:#343434
}
.LoadNextPage[data-v-82221c8e] {
	text-align:center;
	padding:20px;
	cursor:pointer
}
@media (min-width:768px) {
.HomeDesk[data-v-82221c8e], .HomeFooter[data-v-82221c8e], .HomeNavList[data-v-82221c8e], .RecBooks[data-v-82221c8e] {
position:-webkit-sticky;
position:sticky
}
.HomeBannerAd[data-v-82221c8e] {
margin-top:10px
}
.HomeDesk[data-v-82221c8e] {
top:68px
}
.RecBooks[data-v-82221c8e] {
top:216px
}
}
.el-carousel--horizontal {
	overflow:hidden
}
.home-headlines[data-v-c5f685ce] {
	display:flex;
	justify-content:center
}
.banners-scroll[data-v-c5f685ce] {
	padding:10px
}
@media (max-width:768px) {
.banners-scroll[data-v-c5f685ce] {
padding:5px;
background:#fff;
width:100%
}
}
.main[data-v-3fa6b4dc] {
	width:1212px;
	margin:40px auto;
	display:flex;
	flex-direction:row-reverse;
	justify-content:space-between
}
.left[data-v-3fa6b4dc] {
	width:810px
}
.right[data-v-3fa6b4dc] {
	width:350px
}
@media (max-width:768px) {
.main[data-v-3fa6b4dc] {
display:block;
margin:0
}
.left[data-v-3fa6b4dc], .main[data-v-3fa6b4dc], .right[data-v-3fa6b4dc] {
width:100%
}
}
.HotBooks[data-v-bfd1e5b6] {
	position:-webkit-sticky;
	position:sticky;
	top:70px
}
.HotBooks-item-wrap[data-v-bfd1e5b6] {
	cursor:pointer;
	padding-top:20px
}
.HotbookInfo[data-v-bfd1e5b6] {
	margin-left:10px
}
.HotbookInfo a[data-v-bfd1e5b6] {
	display:flex
}
.bookname[data-v-bfd1e5b6] {
	margin-left: 0
}
.HotBooks-item[data-v-bfd1e5b6], .HotBooks-items:hover .HotBooks-item-wrap:first-child .HotBooks-item[data-v-bfd1e5b6] {
	display:none;
	align-items:center
}
.HotBooks-item-wrap:not(._0):hover .HotBooks-item[data-v-bfd1e5b6], .HotBooks-items:hover .HotBooks-item-wrap:first-child .bookname[data-v-bfd1e5b6] {
display:flex
}
.HotBooks-item-wrap:not(._0):hover .bookname[data-v-bfd1e5b6] {
display:none
}
.HotBooks-item-wrap:first-child .HotBooks-item[data-v-bfd1e5b6], .HotBooks-items:hover .HotBooks-item-wrap:first-child:hover .HotBooks-item[data-v-bfd1e5b6] {
	display:flex
}
.HotBooks-item-wrap:first-child .bookname[data-v-bfd1e5b6], .HotBooks-items:hover .HotBooks-item-wrap:first-child:hover .bookname[data-v-bfd1e5b6] {
	display:none
}
.HotBooksSideCardLayout[data-v-3b21cbb5] {
	padding: 20px;
	background:#fff;
	border-radius: 4px
}
.head[data-v-3b21cbb5] {
	padding-bottom:10px;
	color:#333;
	border-bottom:1px solid #f3f3f7;
	display:flex;
	align-items:center;
	justify-content:space-between
}
.head em[data-v-3b21cbb5] {
	font-size:18px
}
.head a[data-v-3b21cbb5] {
	font-size:12px;
	color:#999
}
.cover[data-v-4f4c42cd] {
	position:relative
}
.rec-book-item[data-v-4f4c42cd] {
	margin-right:20px
}
.rec-book-item[data-v-4f4c42cd]:last-child {
	margin:0
}
.score[data-v-4f4c42cd] {
	position:absolute;
	text-align:center;
	line-height:22px;
	right:0;
	top:0;
	width:40px;
	height:22px;
	font-weight:700;
	color:#fff;
	background:#ffb800;
	border-radius:0 10px 0 10px
}
.score[data-v-4f4c42cd], .title[data-v-4f4c42cd] {
	display:block;
	font-size:12px
}
.title[data-v-4f4c42cd] {
	height: 12px;
	line-height: 12px;
	font-weight: 400;
	padding: 0;
	padding-top: 10px;
	text-align: left
}
@media (max-width:768px) {
.rec-book-item[data-v-4f4c42cd] {
margin-right:10px
}
.score[data-v-4f4c42cd] {
width:28px;
height:16px;
font-size:10px;
line-height:16px
}
.title[data-v-4f4c42cd] {
padding-top:8px
}
}
.BorderWithTitle.TodayRecBooks {
	margin-bottom: 30px
}
@media (max-width:768px) {
.BorderWithTitle.TodayRecBooks {
margin-bottom:30px
}
.BorderWithTitle.TodayRecBooks .wrap {
border-radius:0
}
}
.BorderWithTitle .border-title {
	font-size:20px;
	font-weight:700;
	color:#333;
	margin-bottom:20px
}
.BorderWithTitle .wrap {
	display:flex;
	background:#fff;
	border-radius: 4px;
	padding: 20px
}
@media (max-width:768px) {
.BorderWithTitle .wrap {
padding:15px
}
.BorderWithTitle .border-title {
font-size:14px;
font-weight:700;
padding-left:15px;
margin-bottom:10px
}
}
.card-bookInfo-cover[data-v-8bc547da] {
	position:relative
}
.index[data-v-8bc547da] {
	background-color:#f4f6fc;
	color:#a3b1d8;
	position:absolute;
	min-width:26px;
	height:26px;
	line-height:26px;
	font-size:18px;
	text-align:center;
	left:10px;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif
}
.index.top[data-v-8bc547da] {
	background-color:#f87171;
	color:#fff1f1
}
.loadingBlock[data-v-8bc547da] {
	display:block;
	background-color:#f3f4f7;
	border-radius:4px
}
.BookTitleScore[data-v-1e798184] {
	margin-bottom:10px
}
.BooklistMeta.flow[data-v-1e798184] {
	margin-top:15px
}
.comment-card[data-v-560385aa] {
	width:100%;
	background-color:#fff;
	border-radius: 4px;
	margin-bottom:20px;
	padding:30px
}
.comment-card.BookCommentItem[data-v-560385aa] {
	padding-bottom:20px
}
.SubjectItem.comment-card[data-v-560385aa] {
	margin-top:10px;
	margin-bottom:0;
	border-bottom:1px solid #f6f6f6
}
.SubjectItem.comment-card[data-v-560385aa]:last-child {
	margin-bottom:10px
}
.ReplyItem.comment-card[data-v-560385aa] {
	box-shadow:none;
	border-top:1px solid #f3f3f3;
	padding:20px 0;
	margin-bottom:0
}
.author-info[data-v-560385aa] {
	display:flex;
	align-items:center
}
.author-info.BookComment[data-v-560385aa], .author-info.SubjectItem[data-v-560385aa] {
	margin-bottom:12px
}
.author-info.ReplyItem[data-v-560385aa] {
	margin-bottom:0
}
.author-info-right[data-v-560385aa] {
	flex:1;
	display:flex;
	justify-content:flex-end
}
.SpaceCommentItem[data-v-560385aa] {
	padding:0 20px 20px
}
@media (max-width:768px) {
.comment-card[data-v-560385aa] {
margin-bottom:10px;
border-radius:0
}
.SpaceCommentItem[data-v-560385aa] {
padding:0 15px 10px
}
.SpaceFavCommentItem[data-v-560385aa] {
padding:10px
}
.ReplyItem.comment-card[data-v-560385aa] {
padding:10px 0
}
.comment-card.BookCommentItem[data-v-560385aa], .comment-card.SubjectItem[data-v-560385aa] {
padding:15px
}
.author-info.BookComment[data-v-560385aa], .author-info.SubjectItem[data-v-560385aa] {
margin-bottom:10px
}
}
.book-name-and-score[data-v-3606db00] {
	margin-top:20px;
	display:inline-flex;
	flex-wrap:wrap;
	align-items:center
}
@media (max-width:768px) {
.book-name-and-score[data-v-3606db00] {
margin-top:15px
}
}
a[data-v-d0992f4c] {
	display:inline-flex;
	font-weight:700;
	word-break:break-all;
	word-wrap:break-word;
	font-size:18px;
	margin-left:-8px
}
@media (max-width:768px) {
a[data-v-d0992f4c] {
width:65vw
}
a.flow[data-v-d0992f4c] {
width:auto
}
}
.createdAt-source[data-v-0e02d918] {
	display:flex;
	align-items:center;
	flex-wrap:wrap
}
.tags[data-v-0e02d918] {
	padding-bottom:5px
}
.tags span[data-v-0e02d918] {
	color:#98a4c7;
	margin-right:5px
}
.createdAt[data-v-0e02d918] {
	color:#999;
	font-size:12px;
	display:inline-block;
	padding:15px 0 20px
}
.createdAt[data-v-0e02d918]:hover {
	color:rgba(0,0,0,0.85)
}
@media (max-width:768px) {
.createdAt[data-v-0e02d918] {
padding:10px 0 8px
}
}
.ToggleBtn[data-v-233335d2] {
	color:rgba(0,0,0,0.85);
	font-size:14px;
	cursor:pointer;
	margin-top:5px
}
.comment-content-inner[data-v-233335d2] {
	font-size:15px;
	line-height:2em;
	color:#333;
	word-wrap:break-word;
	word-break:break-word;
	white-space:pre-line;
	overflow:hidden
}
.ReplyContentInner .comment-content-inner[data-v-233335d2] {
	font-size:14px;
	line-height:1.6em
}
.ReplyContentInner .ToggleBtn[data-v-233335d2] {
	font-size:14px
}
.comment-content-inner a {
	color:rgba(0,0,0,0.85)
}
footer[data-v-0bacf66c] {
	padding:40px 0;
	background:#404247;
	bottom:0
}
footer *[data-v-0bacf66c] {
	color:hsla(0, 0%, 100%, .5);
	font-size:12px
}
.main[data-v-0bacf66c] {
	max-width:1212px;
	margin:0 auto;
	align-items:center
}
.friends[data-v-0bacf66c], .main[data-v-0bacf66c], .right[data-v-0bacf66c] {
	display:flex
}
.friends[data-v-0bacf66c] {
	max-width:810px;
	flex-wrap:wrap;
	margin-right:20px
}
.right[data-v-0bacf66c] {
	flex:1;
	justify-content:flex-end
}
.friends a[data-v-0bacf66c], span[data-v-0bacf66c] {
	font-size:12px;
	display:block;
	padding-right:10px;
	text-align:left;
	padding-bottom:20px
}
a[data-v-0bacf66c]:hover {
	color:#567ced
}
@media (max-width:768px) {
.main[data-v-0bacf66c] {
display:block
}
.friends[data-v-0bacf66c] {
margin:0
}
.friends a[data-v-0bacf66c], span[data-v-0bacf66c] {
padding-bottom:15px
}
footer[data-v-0bacf66c] {
padding:15px
}
.right[data-v-0bacf66c] {
margin-top:10px;
justify-content:flex-start
}
.isSmall .beian[data-v-0bacf66c] {
display:none
}
}
@media (max-width:768px) {
footer .icon-wrap {
display:none!important
}
footer a {
margin-right:10px
}
}
.icon-wrap[data-v-938fcd4a] {
	width:50px;
	height:50px;
	background:rgba(86, 124, 235, .1);
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-bottom:10px
}
.icon-wrap svg[data-v-938fcd4a] {
	fill:rgba(0,0,0,0.85)
}
footer .icon-wrap[data-v-938fcd4a] {
	background:hsla(0, 0%, 100%, .1)
}
footer .icon-wrap svg[data-v-938fcd4a] {
	fill:hsla(0, 0%, 100%, .5)
}
footer .home-desk-item span[data-v-938fcd4a] {
	color:hsla(0, 0%, 100%, .5)
}
.icon-wrap+span[data-v-938fcd4a] {
	font-size:12px
}
.home-desk-item-wrap[data-v-938fcd4a]:nth-child(3) {
border-right:none
}
.home-desk-item[data-v-938fcd4a] {
	float: left;
	margin-right:26px;
	flex-direction:column;
	align-items:center;
	cursor:pointer
}
.home-desk-item[data-v-938fcd4a]:last-child { margin: 0}
span[data-v-938fcd4a] {
	font-size:12px;
	color:#333
}
@media (max-width:768px) {
.home-desk-item[data-v-938fcd4a] {
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
margin:0
}
.icon-wrap[data-v-938fcd4a] {
border-radius:0;
background:#fff;
width:20px;
line-height:20px;
height:20px;
margin-bottom:0;
margin-right:5px
}
.icon-wrap svg[data-v-938fcd4a] {
width:12px;
height:12px
}
}